
<div class="container">
	<div class="demo-row">
		<div class="demo-title">File Upload</div>
		<div class="demo-content">
			<div class="progress">
				<div class="progress-bar" ng-style="{width : ( percent + '%' ) }"></div>
			</div>
			<input type="file" ng-file-select="onFileSelect($files)">
			<input type="file" ng-file-select="onFileSelect($files)" multiple accept="image/*">
			<div class="button" ng-file-select="onFileSelect($files)" data-multiple="true"></div>
			<div ng-file-drop="onFileSelect($files)" ng-file-drag-over-class="optional-css-class-name-or-function"
				ng-show="dropSupported">Drop file here</div>
			<div ng-file-drop-available="dropSupported=true" ng-show="!dropSupported">
				HTML5 Drop File is not supported</div>
			<button class="btn btn-danger" ng-click="upload.abort()">Cancel upload</button>
			
			<hr ng-show="dataUrls['image']">
           <img height="300" width="300" ng-show="dataUrls['image']" ng-src="{{dataUrls['image']}}">
           <hr ng-show="dataUrls['image']">
           <button class="btn btn-success" ng-show="dataUrls['image']" ng-click="sendToDatabase(dataUrls['image'])" >Ok</button>
           <hr ng-show="dataUrls['image']">
            <img height="300" width="300" ng-show="dataUrls['imagenew']" ng-src="{{dataUrls['imagenew']}}">
		</div>
	</div>
</div>